

@keyframes footerTabActive
{
0%  {transform: scale(0.8); opacity: 0.5}
100% {transform: scale(1.1);}
}

.aui-list {
    background-image: linear-gradient(to bottom,#efefef,#efefef 50%,transparent 50%);
}

.aui-list .aui-list-item {
    background-image: linear-gradient(0,#efefef,#efefef 50%,transparent 50%);
    background-image: -webkit-linear-gradient(90deg,#efefef,#efefef 50%,transparent 50%);
}

.aui-bar-nav .aui-btn{
    color: #81B846;
}

.aui-badge{
    background-color: #81B846;
}
.aui-dot {
    background-color: #81B846;
}

@font-face {
    font-family: 'SourceHanSansCNLight';   /*字体名称*/
    src: url('../font/SourceHanSansCN-LightFixed.otf');       /*字体源文件*/
}

@font-face {
    font-family: 'HelveticaNeueLight';   /*字体名称*/
    src: url('../font/helveticaneuelight.ttf');       /*字体源文件*/
}

body{
    font-family: "SourceHanSansCNLight","HelveticaNeueLight","Arial","Microsoft YaHei","黑体","宋体",sans-serif;
}

#slider-placeholder{
  display: block;
  height: 0px;
  width: 100%;
}

.aui-searchbar{
    background-color: #EFF3F5;
}

.footer-extend{
    display: inline-block;
    height: 49px;
    width: 100%;
}

.main-menu{
  width: 100%;
  height: 80px;
}
.main-menu ul{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
}
.main-menu ul li{
}
.main-menu ul li .main-menu-icon{
  margin-bottom: -7px;
}
.main-menu ul li .main-menu-icon img{
    width: 100%;
}
.main-menu ul li .main-menu-title{
    text-align: center;
    font-size: 0.75rem;
    color: #A29E9D;
}
.main-container{
    width: 100%;
}
.main-classnow{
    display: block;
    height: 70px;
    margin: 0 20px;
    margin-top: 8px;
}
.main-classnow .title{
    font-size: 1.05rem;
}
.main-classnow .now{
    margin-top: 5px;
    font-size: 0.75rem;
    padding: 0 2px;
}
.main-classnow .now i{
    font-style: normal;
    font-family: "Helvetica Neue", Helvetica, sans-serif;
}
.main-classnow .now i.main-classnow-time{
    font-size: 0.6rem;
    background-color: #67C23A;
    color: #fff;
    border-radius: 3px;
    padding: 1px 2px;
}
.main-classnow .now i.main-classnow-place{
    font-size: 0.6rem;
    background-color: #FFCC00;
    color: #fff;
    border-radius: 3px;
    padding: 1px 3px;
    margin-left: 2px;
}
.main-classnow .now i.main-classnow-timeleft{
    font-size: 0.6rem;
    float: right;
    color: #A29E9D;
}
.main-classnow .bar{
    position: relative;
    display: block;
    height: 7px;
    background-color: #fff;
    box-shadow: 0 0 8px 0 rgba(232,237,250,.6), 0 2px 4px 0 rgba(232,237,250,.5);
    border-radius: 3.5px;
    margin-top: 3px;
}
.main-classnow .bar .fill{
    display: block;
    height: 7px;
    position: absolute;
    width: 70%;
    border-radius: 3.5px;
    background-color: #FD987F;
}
.main-classnow .next{
    margin-top: 2px;
    font-size: 0.75rem;
    color: #A29E9D;
    padding: 0 2px;
    float: right;
}
.main-classnow .next i{
    font-style: normal;
    font-family: "Helvetica Neue", Helvetica, sans-serif;
}
.main-classnow .next i.main-classnext-time{
    font-size: 0.6rem;
    background-color: #ddd;
    color: #fff;
    border-radius: 3px;
    padding: 1px 2px;
}
.main-classnow .next i.main-classnext-place{
    font-size: 0.6rem;
    background-color: #ddd;
    color: #fff;
    border-radius: 3px;
    padding: 1px 2px;
    margin-left: 2px;
}
.main-notice{
    margin: 0 20px;
    margin-top: 8px;
}
.main-notice .title{
    font-size: 1.05rem;
    margin-bottom: 3px;
}
.main-notice .item{
    padding: 3px 0;
    border-bottom: 1px dashed #eee;
    margin-bottom: 4px;
}
.main-notice .item .item-title{
    margin-bottom: 2px;
    margin-top: 2px;
}
.main-notice .item .item-title i{
    font-size: 0.75rem;
    background-color: #FD987F;
    border-radius: 3px;
    color: #fff;
    font-style: normal;
    padding: 1px 3px;
    margin-right: 4px;
    margin-top: -2px;
}
.main-notice .item .item-title i.red{
    background-color: #FD987F;
}
.main-notice .item .item-title i.yellow{
    background-color: #FFC44E;
}
.main-notice .item .item-title i.green{
    background-color: #67C23A;
}
.main-notice .item .item-title i.blue{
    background-color: #75E8EA;
}
.main-notice .item .item-desc{
    font-size: 0.9rem;
    color: #A29E9D;
    margin-bottom: 2px;
}
.main-notice .item .item-info{
    font-size: 0.8rem;
    line-height: 1.25rem;
    color: #A29E9D;
    margin-bottom: 4px;
}
.main-notice .item i.item-time{
    font-size: 0.8rem;
    color: #A29E9D;
    float: right;
    font-style: normal;
}
.main-notice .item i.main-icon{
    float: left;
    background-image: url(../image/main/course_min.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 13px;
    background-color: #E64D45;
    width: 18px;
    height: 18px;
    border-radius: 9px;
    display: block;
    margin-top: 1px;
    margin-right: 4px;
}

.main-notice .item i.main-icon-course{
    background-image: url(../image/main/course_min.svg);
    background-size: 13px;
    background-color: #E64D45;
}

.main-notice .item i.main-icon-ann{
    background-image: url(../image/main/notice_min.svg);
    background-size: 13px;
    background-color: #FFCC00;
}

.main-notice .item i.main-icon-activity{
    background-image: url(../image/main/activity_min.svg);
    background-size: 13px;
    background-color: #86AFFE;
}

.course-table{

}

.course-table-header{
    height: 50px;
    background-color: #FFF8F6;
    font-size: 0.62rem;
    color: #FD7456;
    border-bottom: 1px dashed #FDEBE7;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    transition: all .3s;
    z-index: 999;
}

.course-table-header.shadow{
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07);
    border-bottom: none;
    transition: all .3s;
}

.course-table-header .header-first{
    float: left;
    width: 7.53%;
    margin-top: 11px;
    text-align: center;
    line-height: 0.7rem;
}

.course-table-header .header-col{
    float: left;
    width: 13.21%;
    text-align: center;
    padding-top: 7px;
    height: 50px;
}

.course-table-header .header-col.active{
    background-color: #FFF0EC;
}

.course-table .row{
    font-size: 0.58rem;
}

.course-table .row-first{
    float:left;
    width: 7.53%;
    line-height: 55px;
    text-align: center;
    background-color: #FFF7F4;
    color: #FD7456;
}

.course-table .row-col{
    float:left;
    height: 55px;
    display: block;
    width: 13.21%;
    border-bottom: 1px dashed #FDEBE7;
}

.course-table .row-col .class-item{
    position: absolute;
    background-color: #FFC44E;
    box-shadow: 0 2px 2px rgba(255,196,78,0.5);
    margin-top: 1px;
    width: 12.5%;
    margin-left: 0.2%;
    height: 53px;
    color: #fff;
    overflow: scroll;
    border-radius: 5px;
    padding: 2px;
    font-size: 0.66rem;
    line-height: 0.75rem;
}

.course-table .row-col .class-item.one{
    height: 52px;
}

.course-table .row-col .class-item.two{
    height: 107px;
}

.course-table .row-col .class-item.three{
    height: 162px;
}

.course-table .row-col .class-item.four{
    height: 217px;
}

.course-table .row-col .class-item.off{
    background-color: #E9EEF4;
    box-shadow: 0 2px 2px rgba(233,238,244,0.5);
}

.course-table .row-col .class-item.red{
    background-color: #FF9292;
    box-shadow: 0 2px 2px rgba(255,146,146,0.5);
}

.course-table .row-col .class-item.yellow{
    background-color: #FFC44E;
    box-shadow: 0 2px 2px rgba(255,196,78,0.5);
}

.course-table .row-col .class-item.light-green{
    background-color: #AEEC35;
    box-shadow: 0 2px 2px rgba(174,236,53,0.5);
}

.course-table .row-col .class-item.green{
    background-color: #70EB54;
    box-shadow: 0 2px 2px rgba(112,235,84,0.5);
}

.course-table .row-col .class-item.light-blue{
    background-color: #75E8EA;
    box-shadow: 0 2px 2px rgba(117,232,234,0.5);
}

.course-table .row-col .class-item.blue{
    background-color: #80D0F8;
    box-shadow: 0 2px 2px rgba(128,208,248,0.5);
}

.course-table .row-col .class-item.dark-blue{
    background-color: #86AFFE;
    box-shadow: 0 2px 2px rgba(134,175,254,0.5);
}

.course-table .row-col .class-item.pink{
    background-color: #FF9DD7;
    box-shadow: 0 2px 2px rgba(255,157,215,0.5);
}

.course-table .row-col .class-item.purple{
    background-color: #D48CF9;
    box-shadow: 0 2px 2px rgba(212,140,249,0.5);
}

.course-table .row.devided .row-col{
    border-bottom: 2px solid #FFF8F6;
}
